<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>验证测试</title>
    <script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
</head>
<body>
<input type="text" name="username" id="username" onkeyup="verifyUser()"/>
<input type="text" name="password" id="password"/>
<script>
    function verifyUser() {
        $.ajax({
            type: "get",
            url:"/user/verifyUser",
            data:{
                username:$("#username").val()
            },
            success(data){
                if (data=="SUCCESS"){
                    alert("用户名已经存在，请更换！！");
                } else {
                    // 这里应该不做反应，或是与if进行反向操作
                    alert("");
                }
            },
            error(){
                alert("ajax配置有错，请检查url与type是否正确");
            }
        });
    }
</script>
</body>
</html>
